<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!-- 

Supplementary Theme for Tumblr v0.3
Adopted for Tumblr templating system by Lukasz Grzegorz Maciak
Released for free under a Creative Commons Attribution 2.5 License
Please visit http://terminally-incoherent.com

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Title      : Supplementary
Version    : 1.0
Released   : 20080412
Description: A two-column, fixed-width and lightweight template ideal for 1024x768 resolutions. Suitable for blogs and small websites.

-->

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}" type="image/x-icon">
<link rel="alternate" type="application/rss+xml" title="RSS" href="/rss"/>

<!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#666"/>
        <meta name="color:Content Background" content="#fff"/>
        <meta name="color:Header Background" content="#4AADF0"/>
        <meta name="color:Title" content="#fff"/>
        <meta name="color:Description" content="#094E7C"/>
        <meta name="color:Date" content="#666"/>
        <meta name="color:Post Title" content="#222"/>    
        <meta name="color:Text" content="#222"/>
        <meta name="color:Inline Link" content="#ff9900"/>
        <meta name="color:Quote" content="#333"/>
        <meta name="color:Quote Source" content="#666"/>
        <meta name="color:Link Post" content="#ff9900"/>
        <meta name="color:Conversation Background 1" content="#f4f4f4"/>
        <meta name="color:Conversation Background 2" content="#e8e8e8"/>
        <meta name="color:Conversation Border" content="#ccc"/>
        <meta name="color:Conversation Text" content="#000"/>
        <meta name="color:Photo Background" content="#ccc"/>   
        <meta name="color:Video Background" content="#eee"/>   
<!-- END DEFAULT COLORS -->

<style type="text/css">

body {
	margin: 0;
	padding: 0;
	background: white;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

h1, h2, h3 {
	margin: 0;
	text-transform: lowercase;
	font-weight: normal;
	color: #3E3E3E;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
}

h2 {
	font-size: 23px;
}

p, ul, ol {
	margin: 0 0 2em 0;
	text-align: justify;
	line-height: 26px;
	font-size: 11px;
}

a:link {
	color: #BE482C;
}

a:hover, a:active {
	text-decoration: none;
	color: #BE482C;
}

a:visited {
	color: #BE482C;
}

img {
	border: none;
}

img.left {
	float: left;
	margin-right: 15px;
}

img.right {
	float: right;
	margin-left: 15px;
}

/* Form */

form {
	margin: 0;
	padding: 0;
}

fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

legend {
	display: none;
}

input, textarea, select {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}

/* Header */

#header {
	width: 860px;
	height: 54px;
	margin: 0 auto;
	background: url(http://terminally-incoherent.com/random/images/img02.jpg) no-repeat left top;
}

/* Menu */

#menu {
	float: left;
	width: 860px;
	height: 54px;
}

#menu ul {
	margin: 0;
	padding: 0px 0 0 20px;
	list-style: none;
	line-height: normal;
}

#menu li {
	display: block;
	float: left;
}

#menu a {
	display: block;
	float: left;
	margin-right: 3px;
	padding: 12px 20px;
	letter-spacing: -.5px;
	text-decoration: none;
	text-transform: lowercase;
	font: 16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	/* color: #E56F47; */
	color: #FFFFFF;
}

#menu a:hover { 
	text-decoration: none; 
	background: #DE8761;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: #DE8761;
	color: #FFFFFF;
}

/** LOGO */

#logo {
	width: 860px;
	height: 120px;
	margin: 0 auto;
	background: url(http://terminally-incoherent.com/random/images/img15.jpg) no-repeat left top;
}

#logo h1, #logo h2 {
	float: left;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: normal;
}

#logo h1 { padding-top: 25px; }

#logo h1 a {
	text-decoration: none;
	color: #6D5A46;
}

#logo h1 a:hover { text-decoration: underline; }

#logo h2 {
	padding: 45px 0 0 15px;
	font: italic 13px Georgia, "Times New Roman", Times, serif;
	color: #B6ACA2;
}

#logo p a {
	text-decoration: none;
	color: #B6ACA2;
}

#logo p a:hover { text-decoration: underline; }



/* Page */

#page {
	width: 850px;
	margin: 0 auto;
}

/* Content */

#content {
	float: right;
	width: 600px;
}

/* Post */

.post {
	padding: 15px 15px;
	background: url(http://terminally-incoherent.com/random/images/img05.gif) no-repeat left top;
}

.post .title {
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #D1D1D1;
}

.post .entry {
}

.post .meta {
	padding: 15px 0 60px 0;
	background: url(http://terminally-incoherent.com/random/images/img03.gif) repeat-x;
}

.post .meta p {
	margin: 0;
	line-height: normal;
	color: #999999;
}

.post .meta .byline {
	float: left;
}

.post .meta .links {
	float: right;
}

.post .meta .more {
	padding: 0 20px 0 18px;
	background: url(http://terminally-incoherent.com/random/images/img06.gif) no-repeat left center;
}

.post .meta .comments {
	padding-left: 22px;
	background: url(http://terminally-incoherent.com/random/images/img07.gif) no-repeat left center;
}

.post .meta b {
	display: none;
}

/* Sidebar */

#sidebar {
	float: left;
	width: 215px;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
	margin-bottom: 40px;
	padding: 0 15px;
	background: url(http://terminally-incoherent.com/random/images/img13.gif) no-repeat left top;
}

#sidebar li ul {
}

#sidebar li li {
	margin: 0;
	padding-left: 12px;
	background: url(http://terminally-incoherent.com/random/images/img12.gif) no-repeat left 50%;
}

#sidebar h2 {
	padding-top: 20px;
	margin-bottom: 10px;
	background: url(http://terminally-incoherent.com/random/images/img14.gif) no-repeat right 70%;
	border-bottom: 1px dotted #D1D1D1;
	font-size: 18px;
}

/* Search */

#search {
}

#search h2 {
	margin-bottom: 20px;
}

#s {
	width: 115px;
	margin-right: 5px;
	padding: 3px;
	border: 1px solid #F0F0F0;
}

#x {
	padding: 3px;
	background: #ECECEC url(http://terminally-incoherent.com/random/images/img08.gif) repeat-x left bottom;
	border: none;
	text-transform: lowercase;
	font-size: 11px;
	color: #4F4F4F;
}

/* Boxes */

.box1 {
	padding: 20px;
	background: url(http://terminally-incoherent.com/random/images/img05.gif) no-repeat;
}

.box2 {
	color: #BABABA;
}

.box2 h2 {
	margin-bottom: 15px;
	background: url(http://terminally-incoherent.com/random/images/img10.gif) repeat-x left bottom;
	font-size: 16px;
	color: #FFFFFF;
}

.box2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.box2 a:link, .box2 a:hover, .box2 a:active, .box2 a:visited  {
	color: #EDEDED;
}

/* Footer */
#footer-wrap {
	width: 860px;
	height: 64px;
	margin: 0 auto;
	background: url(http://terminally-incoherent.com/random/images/img09.jpg) no-repeat left top;
}

#footer {
	margin: 0 auto;
	height: 64px;
	min-height: 64px;
	padding: 0;
	background: #D16E45 url(http://terminally-incoherent.com/random/images/img08.jpg) repeat-x;
}

html>body #footer {
	height: auto;
}

#footer p {
}

#legal {
	clear: both;
	padding-top: 20px;
	text-align: center;
	color: #FFD2C6;
}

#legal a {
	color: #FFD2C6;
}

 div.post div.quote span.quote {
                font-size:        16px;
                letter-spacing:   -1px;
                color:            {color:Quote};
            }

            div.post div.quote span.quote a {
                color:            {color:Quote};
            }

            div.post div.quote span.quote big.quote {
                font-weight:      bold;
                font-size:        60px;
                line-height:      0px;
                vertical-align:   -28px;
                opacity:          0.5;
                -moz-opacity:     0.5;
                filter:           alpha(opacity=50);
            }
            
            div.post div.quote div.source {
                font-size:        16px;
                color:            {color:Quote Source};
                letter-spacing:   -1px;
                padding-top: 10px;
            }

            div.post div.quote div.source a {
                color:            {color:Quote Source};
            }

 /* Conversation Post */
            div.post div.conversation ul {
                list-style-type:  none;
                margin:           0px;
                padding:          1px;
                border:           solid 5px {color:Conversation Border};
            }
            
            div.post div.conversation ul li {
                font-size:        12px;
                padding:          4px 0px 4px 8px;
                color:            {color:Conversation Text};
            }
            
            div.post div.conversation ul li span.label {
                font-weight:      bold;
            }
            
            div.post div.conversation ul li.odd {
                background-color: {color:Conversation Background 1};
            }
            
            div.post div.conversation ul li.even {
                background-color: {color:Conversation Background 2};
            }
            

</style>

</head>
<body>

<!-- start header -->
<div id="header">
	<div id="menu">
		<ul>
			<li><a href="/">Home</a></li>
			<li><a href="/random">Random</a></li>
			<li><a href="/archive">Archive</a></li>
			<li><a href="/rss">RSS</a></li>
		</ul>
	</div>
</div>


<div id="logo">
	<h1><a href="/">{Title}</a></h1>
	<h2> {Description}</h2>
</div>
<!-- end header -->

<!-- start page -->
<div id="page">
	<div id="content">

	
 {block:Posts}
                {block:NewDayDate}
                    <div class="date">
                        {Month} {DayOfMonth}, {Year}
                    </div>
                {/block:NewDayDate}
            
		<div class="post">
                    
                    {block:Regular}
                       {block:Title}<h2 class="title"><a href="{Permalink}">{Title}</a></h2>{/block:Title}
			    <div class="entry">{Body}</div>
                        
                    {/block:Regular}
                    
                    {block:Photo}
                        <div class="entry">
                            <img src="{PhotoURL-500}" alt="{PhotoAlt}"/><br/>
                            {block:Caption}
                                <div class="caption">{Caption}</div>
                            {/block:Caption}
                        </div>
                    {/block:Photo}
                    
                    {block:Quote}
                        <div class="quote entry">
                            <span class="quote">
                                <big class="quote">&#147;</big> {Quote}
                            </span>
                            {block:Source}<div class="source">{Source}</div>{/block:Source}
                        </div>

                    {/block:Quote}
                    
                    {block:Link}
                        <div class="entry">
                            <a href="{URL}">{Name}</a>
                            {block:Description}
                                <div class="description">{Description}</div>
                            {/block:Description}
                        </div>
                    {/block:Link}
                    
                    {block:Conversation}
                        <div class="conversation">
                            {block:Title}<h2><a href="{Permalink}">{Title}</a></h2>{/block:Title}
                            <ul>
                                {block:Lines}
                                    <li class="{Alt}">
                                        {block:Label}<span class="label">{Label}</span>{/block:Label}
                                        {Line}
                                    </li>
                                {/block:Lines}
                            </ul>
                        </div>

                    {/block:Conversation}
                    
                    {block:Video}
                        <div class="entry">
                            {block:Caption}
                                <div class="caption">{Caption}</div>
                            {/block:Caption}
                            {Video-500}
                        </div>

		{/block:Video}

		<div class="meta">
				<p class="byline">
                                       {block:HasTags}Tags: 
                                            {block:Tags}
                                                    <a href="{TagURL}">{Tag}</a>,
                                            {/block:Tags}
                                        {/block:HasTags}</p>

				<p class="links"><a href="{Permalink}" class="more">Permaink</a></p>
			</div>	

	</div>
            {/block:Posts}
		
	</div>
	<!-- end content -->
	<!-- start sidebar -->
	<div id="sidebar">
		<ul>
		
			<li id="search">
				<h2>Search</h2>
				<form method="get" action="/search">
					<fieldset>
					<input type="text" id="s" name="q" value="{SearchQuery}" />
					<input type="submit" id="x" value="Search" />
					</fieldset>
				</form>
			</li>
			
			<li>
				<h2>Important Links</h2>
				<ul>
					<li><a href="http://terminally-incoherent.com">Terminally Incoherent Blog</a></li>
					<li><a href="http://www.terminally-incoherent.com/blog/about/contact-me/">Contact Me</a></li>
					<li><a href="http://twitter.com/maciakl">My Twitter</a></li>
				</ul>
			</li>
			<li>

				<h2>Tag Cloud</h2>
<!-- Start Tumblr Tag Cloud -->
<script type="text/javascript" src="http://code.hr1v.com/jquery.1.2.6.min.js"></script><script type="text/javascript" src="http://tumblrtags.hr1v.com/widget.js?css=default&minsize=120&maxsize=280"></script>
<!-- End Tumblr Tag Cloud -->

			</li>
		</ul>
	</div>
	<!-- end sidebar -->
	<div style="clear: both;">&nbsp;</div>
</div>
<!-- end page -->

	<div align="center">
		{block:PreviousPage}
                    <a href="{PreviousPage}">&#171; Previous</a> &nbsp;&nbsp;
                {/block:PreviousPage}
                
                {block:NextPage}
                    <a href="{NextPage}">Next &#187;</a>
                {/block:NextPage}

                <p align="center">
                   
		</p>
	</div>

<!-- start footer -->
<div id="footer">
	<div id="footer-wrap">
		<p id="legal">Subscribe via <a href="/rss">RSS</a> &nbsp;/&nbsp; Powered by <a href="http://tumblr.com/">Tumblr</a>; Uses <a href="http://code.google.com/p/supplementary-for-tumblr/">Supplementary for Tumblr</a> theme</p>
	</div>
</div>
<!-- end footer -->
</body>
</html>


